/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
  Image,
  TouchableOpacity,
  FlatList
} from 'react-native';

var Dimensions = require('Dimensions');

var {width} = Dimensions.get('window');
var {height} = Dimensions.get('window');

export default class PlayingListView extends Component {

  static navigationOptions = ({navigation,screenProps}) => {
    return {
      header: <View style={styles.headerViewStyle}>

                <TouchableOpacity onPress = {() =>
                  navigation.goBack()}>
                  <Image style={{width:22,height:22,marginLeft:10,marginTop:20}}
                    source={require('../../img/communityImg/back.png')}>
                  </Image>
                </TouchableOpacity>

                <Text style={{marginLeft:130,marginTop:23}}>播放列表(0)</Text>
              </View>
    }
  }

  constructor(props){
  	super(props);
  	this.state = {
      dataSource:[],
    };
  }


  render() {
    return (
      <View style={styles.container}>
        <FlatList

          renderItem = {(item)=>this.renderItem(item)}

          data={this.state.dataSource}

          ></FlatList>
      </View>
    );
  }

  renderItem = ({item,index})=>{

    return (
      <View></View>

    )


  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  headerViewStyle:{
    flexDirection:'row',
    height:55,
    width:width,
    backgroundColor:'white',
    // flex:1,
  }
});
